<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Doodle4Google Australia Mapplet</title>
<script type="text/javascript" src="schoolMap.js"></script>
<script type="text/javascript" src="doodleMap.js"></script>
<script type="text/javascript" src="d4g.js"></script>
<link href="d4g.css" type="text/css" rel="stylesheet"/>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAtfJKt85I1TpmO_h-oKjZFhSoc5XqEJ84x_9yGsrITS_AUu5VJBTGkW_4u_rHaQlDLDWudqMgEiA4vg"
      type="text/javascript"></script>
<style type="text/css">
#controlPanel {
position:absolute;
}
#map {
position:absolute;
}
</style>
<script type="text/javascript">
	var map;
	
	function load() {
		if (GBrowserIsCompatible()) {
			map = new GMap2(document.getElementById("map"));
			map.enableContinuousZoom();
			map.enableDoubleClickZoom();
			map.addControl(new GSmallMapControl());
			map.addControl(new GMapTypeControl());		
			map.setCenter(new GLatLng(-27.215556, 134.648438), 4);
		}
	}
	
</script>
</head>

<body onload="load()" onunload="GUnload()">
<div id="controlPanel">
<center>
<img src="http://doodle4googleau.googlecode.com/svn/trunk/mapplet/d4g_2007.gif" />
<form id="schoolForm">
<table>
<tr><td>
  <select id="stateMenu" onchange="populateList()" class="mainForm">
    <option value="">Please select a state</option>
    <option value="ACT">Australian Capital Territory</option>
    <option value="NSW">New South Wales</option>
    <option value="NT">Northern Territory</option>
    <option value="QLD">Queensland</option>
    <option value="SA">South Australia</option>
    <option value="TAS">Tasmania</option>
    <option value="VIC">Victoria</option>
    <option value="WA">Western Australia</option>	
  </select>
<td></tr>
<tr><td><div id="list"></div></td></tr>

</table>
</form>
</center>
</div>
<div id="map"></div>
</body>
</html>
